<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">

    <title>Lotus</title>

  <meta name="viewport" content="width=device-width,  initial-scale=1, maximum-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

  <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->



<link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:300,400' rel='stylesheet' type='text/css'>


 
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/media.css" rel="stylesheet">
<link rel="stylesheet" media="screen" href="css/sequencejs-theme.modern-slide-in.css" />
		
		
		
</head>

<body>


<div class="sliderbg">


<div class="phone">
<p>Contact Phone: +99 861 440 210</p>
</div>


<header class="menuwrapperdesktop">

<div class="container">
<div class="row">


<section class="logo span3">
<a href="#"><img src="images/logo.png" alt="logo"></a>
</section>


<nav class="menudesktop span9">
  
<ul id="menu">
<li class="menu1">
		<a class="mainmenu" href="index-2.html">Home</a>
		<ul>
<li><a href="index-2.html">Home Paralax</a></li>
<li><a href="index2.html">Home Paralax 2</a></li>      
<li><a href="index3.html">Home Camera</a></li>   
					
		</ul>
	</li>
	

<li class="menu1">
		<a class="mainmenu" href="about.html">About</a>
		<ul>
			
			<li><a href="about.html">About Us</a></li>
			  <li><a href="about2.html">About Us 2</a></li>                      
			
		</ul>


	</li>
	<li class="menu1">
		<a class="mainmenu" href="#">Pages</a>
		<ul>
			
			<li><a href="services.html">Services</a></li>
			  <li><a href="special.html">Special</a></li>                      
			
		</ul>
	</li>
<li class="menu1">
		<a class="mainmenu" href="gallery1.html">portfolio</a>
		<ul>
			
			<li><a href="gallery1.html">Gallery 1</a></li>
			  <li><a href="gallery2.html">Gallery 2</a></li>                      
			
		</ul>
	</li>
            <li class="menu1">
                <a class="mainmenu" href="blog.html">Blog</a>
		<ul>
                 <li><a href="blog.html">Blog</a></li>
			  <li><a href="blogdetails.html">Blog details</a></li>     
		</ul>
	</li>

     <li class="menu1">
                <a class="mainmenu mainmenulast" href="contact.html">contact</a>
		<ul>
		</ul>
	</li>
            

</ul>

</nav>  


</div>  </div>  
 </header>  <!--/menudesktop end--> 




<header class="menuwrappermobile">
<div class="container">
<div class="row">


<section class="span12 logo">
<a href="#"><img src="images/logo.png" alt="logo"></a>
</section>
 </div> 

<div class="row">

  
<nav class="menuwrappermobile">

<div class="accordion span12" id="mycolapsible">

<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseOne">
Homepages
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">
<a href="index-2.html">Home Paralax</a>
</div>
<div class="accordion-inner">
<a href="index2.html">Home Paralax 2</a>
</div>
<div class="accordion-inner">
<a href="index3.html">Home Camera</a>
</div>


</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseTwo">
About
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
<a href="about.html">About us</a>
</div>
<div class="accordion-inner">
<a href="about2.html">About us 2</a>
</div>


</div>
</div>

<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseThree">
Pages
</a>
</div>
<div id="collapseThree" class="accordion-body collapse">
<div class="accordion-inner">
<a href="gallery1.html">Portfolio</a>
</div>
<div class="accordion-inner">
<a href="gallery2.html">Portfolio 2</a>
</div>
<div class="accordion-inner">
<a href="special.html">Special</a>
</div>
<div class="accordion-inner">
<a href="services.html">Services</a>
</div>


</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseFour">
Blog pages
</a>
</div>
<div id="collapseFour" class="accordion-body collapse">
<div class="accordion-inner">
<a href="blog.html">Blog</a>
</div>
<div class="accordion-inner">
<a href="blogdetails.html">Blog Details</a>
</div>

</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseFive">
Contact
</a>
</div>
<div id="collapseFive" class="accordion-body collapse">
<div class="accordion-inner">
<a href="contact.html">Contact</a>
</div>


</div>
</div>


</div></nav>


 </div> 

 </div> 
 </header> 
<!--/menumbile end--> 





<div class="sequence-theme">
			<div id="sequence">


				<img class="sequence-prev" src="images/prev.png" alt="Previous Frame" />
				<img class="sequence-next" src="images/next.png" alt="Next Frame" />



				<ul class="sequence-canvas">
					<li class="animate-in">
						<h2 class="title">spa and wellness</h2>
						<h3 class="subtitle">premium website template</h3>
<p class="subtitle1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.<span>Lorem ipsum dolor sit amet</span> consectetuer adipiscing elit, sed diam nonummy nibh 
euismod tincidunt </p>


<section class="button2slider buttonslider">
<a href="http://themeforest.net/user/rayoflightt/portfolio">read more</a>
</section>



<img class="model" src="images/model1.png" alt="Model 1" />
					</li>
					<li>
						<h2 class="title">spa and wellness</h2>
						<h3 class="subtitle">premium website template</h3>
                                                 <p class="subtitle1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt <span>ut laoreet dolore magna</span> aliquam erat volutpat. Ut wisi enim ad minim veniam.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
euismod tincidunt </p>

<section class="button2slider buttonslider">
<a href="http://themeforest.net/user/rayoflightt/portfolio">read more</a>
</section>
<img class="model" src="images/model2.png" alt="Model 2" />
					</li>
					<li>
						<h2 class="title">spa and wellness</h2>
						<h3 class="subtitle">premium website template</h3>
<p class="subtitle1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet <span>dolore magna aliquam erat</span> volutpat. Ut wisi enim ad minim veniam.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
euismod tincidunt </p>	

<section class="button2slider buttonslider">
<a href="http://themeforest.net/user/rayoflightt/portfolio">read more</a>
</section>					

<img class="model" src="images/model3.png" alt="Model 3" />
					</li>
				</ul>

				<div class="sequence-pagination">
					<div class="paginationslider"></div>
					<div class="paginationslider"></div>
					<div class="paginationslider"></div>
				</div>

			</div></div>
</div>




<div class="underslider2">

<div class="container">
<div class="row">
<div class="span6">
 
<h2>blog page <span>lorem ipsum dolor</span></h2>

</div>


<div class="span6">
 
<ul class="ch-grid1">
<li>
<div class="ch-item ch-img-1">

</div>
</li>

<li>
<div class="ch-item ch-img-2">

</div>
</li>

<li>
<div class="ch-item ch-img-3">

</div>
</li>
</ul>
</div>



</div></div>

</div>



<div class="container">
<div class="row">


<div class="span8"><!--left--> 

<div class="columnheadlineabout2">
<h4><span>Recent news</span></h4>
</div>


<article class="blogpost">
<h4>Lorem ipsum dolor sit amet</h4>

<div class="blogimage">
<div class="blogdate">
<p>14 <br>may <br>2013</p>

</div>
</div>

<div class="blogmeta">
<p>AUTOR: <span>Roberto Evans</span></p>
<p>tags: <span>spa, wellness, beauty</span></p>
<p class="blogmetalast">comments: <span>3</span></p>
</div>

<p >
Per et doctus explicari, mei cu wisi insolens. In vim minim inimicus contentiones, te iusto officiis vis. Vix ubique tempor te, ne vim suas mollis vidisse, ea sed erant impedit appetere. An duo soluta recusabo, alienum eleifend no sed, nec urbanitas percipitur eu.
</p>
<p class="blogtext">
Per et doctus explicari, mei cu wisi insolens. In vim minim inimicus contentiones, te iusto officiis vis. Vix ubique tempor te, ne vim suas mollis vidisse, ea sed erant impedit appetere. An duo soluta recusabo, alienum eleifend no sed, nec urbanitas percipitur eu.
Per et doctus explicari, mei cu wisi insolens. In vim minim inimicus contentiones, te iusto officiis vis. Vix ubique tempor te, ne vim suas mollis vidisse, ea sed erant impedit appetere. An duo soluta recusabo, alienum eleifend no sed, nec urbanitas percipitur eu.

</p>
</article>

<h4 class="commentsheadline">Comments 3</h4>



<ul id="list" class="image-grid">



<li data-id="id-1" class="everybody therapist"><!-- one picture-->


<div class="row">
<div class="staff span8">

<div class="row">

<div class="span2">

<ul class="ch-grid3">
<li>
<div class="ch-item ch-img-1">
</div>
</li>
</ul>

</div>

<div class="span6 comments">
<h5>Jessica Roberts <span>15 min ago</span></h5>

<p>
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 
Duis autem vel eum iriure esse molestie consequat, vel illum dolore eu feugiat
</p><a href="#">reply</a>

</div><!--/span10 end-->
</div><!--/row end-->

</div><!--/staff end--> 
</div><!--/row end --> 


</li><!-- one picture end-->



<li data-id="id-2" class="everybody specialist"><!-- one picture-->


<div class="row">
<div class="staff span8 comments ">




<div class="row commentsright">

<div class="span2">

<ul class="ch-grid3">
<li>
<div class="ch-item ch-img-2">
</div>
</li>
</ul>

</div>

<div class="span4">
<h5>Jessica Roberts <span>20 min ago </span></h5>

<p>
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 
</p><a href="#">reply</a>

</div><!--/span6 end-->
</div><!--/row end-->



</div><!--/staff end--> 
</div><!--/row end --> 


</li><!-- one picture end-->




<li data-id="id-3" class="everybody therapist"><!-- one picture-->


<div class="row">
<div class="staff span8 comments">

<div class="row">

<div class="span2">

<ul class="ch-grid3">
<li>
<div class="ch-item ch-img-3">
</div>
</li>
</ul>

</div>

<div class="span6">
<h5>Jessica Roberts <span>one hour ago </span></h5>

<p>
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
</p><a href="#">reply</a>

</div><!--/span10 end-->
</div><!--/row end-->

</div><!--/staff end--> 
</div><!--/row end --> 


</li><!-- one picture end-->


</ul>



<!--/comment-form-->
<div> 

<h4 class="sendmessage">Send message</h4>

<div>
<form method="post" action="http://spatheme.appspot.com/sendEmail.php">
<div>
	
<div id="main">

<div class="comment1">
<p><input type="text" placeholder="name..." name="name" id="name" /></p> 
</div>

<div class="comment2">
<p><input type="text" placeholder="e-mail..." name="email" id="email" /></p> 
</div>




<div class="textarea">
<p><textarea placeholder="message..." name="comments" id="comments" 
rows="14" cols="5"></textarea></p>
</div>

<div class="buttoncontact buttoncomment">	
<p><input type="submit" name="submit" id="submit" value="Post comment"/></p>
</div>

<ul id="response"></ul>

        
</div><!--end main -->


</div>
</form> 
</div>
</div>
<!--/comment-form-end--> 





</div><!--span8 left end--> 


<aside class="span4"><!--right--> 


<div class="headlinesidebar">
<h4><span>Categories</span></h4>
</div>

<ul class="sidebarabout1">
<li>Lorem ipsum dolor</li>
<li>Consectetuer adipiscing elit</li>
<li><span>Sed diam nonummy</span></li>
<li>Lorem ipsum dolor</li>
<li>Consectetuer adipiscing elit</li>
<li>Lorem ipsum dolor</li>
<li>Consectetuer adipiscing elit</li>
</ul>



<div class="row" >
<div class="span4" >
<ul id="myTab" class="tabs2">
<li class="active"><a href="#home">Recent news</a></li>
<li><a href="#profile">Top news</a></li>
<li><a href="#messages">Archive</a></li>
</ul>
 </div> </div>
 
<div class="tab-content">
<div class="tab-pane active" id="home">


<ul class="sidebarabout1">
<li>Lorem ipsum dolor</li>

<li><span>Sed diam nonummy</span></li>
<li>Lorem ipsum dolor</li>
<li>Consectetuer adipiscing elit</li>
<li>Lorem ipsum dolor</li>
<li>Consectetuer adipiscing elit</li>
</ul>

</div>
<div class="tab-pane" id="profile">

<ul class="sidebarabout1">
<li>Consectetuer adipiscing elit</li>
<li><span>Sed diam nonummy</span></li>
<li>Lorem ipsum dolor</li>
<li>Consectetuer adipiscing elit</li>
<li>Lorem ipsum dolor</li>
<li>Consectetuer adipiscing elit</li>
<li>Lorem ipsum dolor</li>
<li>Consectetuer adipiscing elit</li>
</ul>

</div>


<div class="tab-pane" id="messages">


<ul class="sidebarabout1">
<li>Lorem ipsum dolor</li>
<li>Consectetuer adipiscing elit</li>
<li><span>Sed diam nonummy</span></li>
<li>Lorem ipsum dolor</li>
<li>Consectetuer adipiscing elit</li>
</ul>

</div>


</div><!--/tab end-->
 


<div class="headlinesidebar">
<h4><span>Special</span></h4>
</div>


<div class="row sidebarabout4">
<div class="staff span4">

<ul class="ch-grid3">
<li>
<div class="ch-item ch-img-1">
</div>
</li>
</ul>


<div class="aboutprice">
<a href="#">10$</a>
</div>

<h5>Lorem ipsum dolor  </h5>

<p>
Ut wisi enim ad minim veniam, quis nostrud veniam, quis nostrud
</p>

</div>
</div><!--/row end --> 


<div class="row sidebarabout4">
<div class="staff span4">

<ul class="ch-grid3">
<li>
<div class="ch-item ch-img-2">
</div>
</li>
</ul>


<div class="aboutprice">
<a href="#">10$</a>
</div>

<h5>Lorem ipsum dolor  </h5>

<p>
Ut wisi enim ad minim veniam, quis nostrud veniam, quis nostrud
</p>

</div>
</div><!--/row end --> 



<div class="row sidebarabout4">
<div class="staff span4">

<ul class="ch-grid3">
<li>
<div class="ch-item ch-img-3">
</div>
</li>
</ul>


<div class="aboutprice">
<a href="#">10$</a>
</div>

<h5>Lorem ipsum dolor  </h5>

<p>
Ut wisi enim ad minim veniam, quis nostrud veniam, quis nostrud
</p>

</div>
</div><!--/row end --> 




</aside><!--/span4 rightend--> 



</div><!--/row end--> 



 </div><!--/container end--> 



<footer class="footer">

<div class="container">
<div class="row">



<div class="span4">

<div class="footerheadline">
<h4>Testimonials</h4>
</div>

<div class="testimonial">
<p class="testimonialbg">
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna. "
</p>
<p  class="testimonialname">John Doe</p>
</div>


<p class="testimonialbg">
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna. "
</p>
<p  class="testimonialname">John Doe</p>

</div>


<div class="span4">

<div class="footerheadline">
<h4>Latest Tweets</h4>
</div>


<div class="tweet">
<img src="images/twitterbird.png" alt=""/>
<p>
@green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
<p  class="twittertime">About 2 days ago</p>
</div>

<div class="tweet">
<img src="images/twitterbird.png" alt=""/>
<p>
@green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
<p  class="twittertime">About 2 days ago</p>
</div>

<div class="tweet tweetlast">
<img src="images/twitterbird.png" alt=""/>
<p>
@green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
<p  class="twittertime">About 2 days ago</p>
</div>


</div>

<div class="span4">

<div class="footerheadline">
<h4>Tag Cloud</h4>
</div>

<p class="blogtags">
<span><a href="#">Beauty</a></span>
<span><a href="#">Spa</a></span>	
<span><a href="#">Wellness</a></span>
<span><a href="#">Terapy</a></span>
<span><a href="#">Massage</a></span>	
<span><a href="#">Paraffin</a></span>
<span><a href="#">Beauty</a></span>
<span><a href="#">Spa</a></span>	
<span><a href="#">Wellness</a></span>				
</p>

<div class="footerheadline1">
<h4>Newsletters</h4>
<p>Lorem ipsum dolor sit amet</p>
</div>



<div class="subscribefieldwrapper"><!--/subscribe-form--> 
<form method="post" action="http://spatheme.appspot.com/submit.php">
<div>

<input type="text" placeholder="enter your email..." name="email" id="emailsubmit" 

class="subscribefield" />

<input type="submit"  name="subscribe"  id="subscribe" value="Subscribe" class="buttonsubscribe"/>
<ul id="response1"></ul>
   

</div>
</form>

    </div><!--/subscribe-form-end--> 




</div>



</div> </div> 
</footer> 


<div class="bottom"> 

 <div class="container"> 
 <div class="row"> 
<section class="icons span4">  
   <a href="#"><div class="item"><div><i class="icontwitter"></i></div></div></a>   
  <a href="http://www.facebook.com/pages/Rayoflight/408688349185439"><div class="item"><div><i class="iconfacebook"></i></div></div></a>       
  <a href="#"><div class="item"><div><i class="icongoogle"></i></div></div></a>  
 <a href="#"><div class="item"><div><i class="iconrss"></i></div></div></a>  
 <a href="#"><div class="item"><div><i class="iconskype"></i></div></div></a>  
  <a href="#"><div class="item"><div><i class="iconyoutube"></i></div></div></a>  
 
</section> 


<section class="span4 copyright">  
<p>&copy; 2013. <a href="http://themeforest.net/user/miciana1417/portfolio">lotus</a> All rights reserved.</p>
</section> 


<section class="span4">  
<a href="javascript:scrollToTop()" title="top of page"><div class="topofpage"></div></a>
</section> 

 </div> </div>


</div> 



<script type="text/javascript" src="js/jquery.js"></script><!--jquery script-->
<script type="text/javascript" src="js/jquery-migrate.js"></script><!--jquery script-->

<script>//<![CDATA[
$('html, body').ready(function(){
$('#myTab a').click(function (e) {
e.preventDefault();
$(this).tab('show');
});
});
//]]></script>

<script>//<![CDATA[
$('html, body').ready(function(){
jQuery('#mycollapsible').collapse("hide");
//]]></script>


<script>//<![CDATA[
$('html, body').ready(function() {
var options = {
thumbs:false,
nextButton: false,
prevButton: false,
pagination: true,
animateStartingFrameIn: true,
autoPlay: true,
autoPlayDelay: 3000,
preloader: true,
preloadTheseFrames: [1],
preloadTheseImages: [
"images/smalldot1.png"
]
};
var mySequence = $("#sequence").sequence(options).data("sequence");
});
//]]></script>


<script>//<![CDATA[
function scrollToTop() {
$('html, body').animate({scrollTop:0}, 'slow');
}
//]]></script>

 
<script type="text/javascript" src="js/bootstrap.js"></script>		
<script src="js/jquery.sequence.js"></script>		

</body>
</html>
